ubuntu创建vue项目

ctrl+alt+t打开终端

下载node.js,网址:https://nodejs.org/en/

node下载

把 nodejs安装完成后,npm自带的。

一、创建新vue项目

  1. 创建一个文件夹(test是我自己的文件夹)
  2. mkdir test
  3. 进入文件夹

  4. cd test
  5. 安装和下载全局vue-cli(因为我之前安装好了,所以不需要再次安装)(此说法有误解,应该是创建vue项目的文件夹中install了 vue-cli的话,则不需要再次安装)
  6. npm install vue-cli -g 
  7. 创建vue项目(firstVue是我的项目名)
  8. vue init webpack firstVue
  9. 期间会有一些问题,比如项目名,作者,描述等等。
  10. Use ESLint to lint your code? (Y/n);使用ESlint语法?(Y/ N)。(使用ESLint语法,就要做好心理准备,除非你非常懂ESLint语法,要不就会处处报错

  11. Setup unit tests with Karma + Mocha? (Y/n);设置单元测试?(Y / N)。

  12. Setup e2e tests with Nightwatch? (Y/n);Nightwatch建立端到端的测试?(Y / N)。

  13. (上面三个选N,其余选yes就好了)

  14. 初始化安装依赖
  15. npm intall
  16. 执行项目
  17. npm run dev
  18. 复制网址在浏览器中运行即可
  19. 如果要编辑vue项目,选中项目右键用webstorm等编辑器打开即可。

二、git上的项目

  1. 打开终端
  2. 创建一个文件夹(test是我自己的文件夹)
  3. mkdir test
  4. 进入文件夹

  5. cd test
  6. 克隆vue项目
  7. git clone 项目地址
  8. 初始化安装依赖
  9. npm intall
  10. 执行项目
  11. npm run dev
  12. 复制网址在浏览器中运行即可
  13. 如果要编辑vue项目,选中项目右键用webstorm等编辑器打开即可。

猜你喜欢

转载自blog.csdn.net/weixin_38465623/article/details/81175112