vue-cli搭建vue项目

注意:需要先安装好node.js

1. windows+R打开命令窗口,输入cmd

2. 进入自定义的文件夹,如:cd C:\Users\liangnv\Desktop\vue练习

3. 输入npm install -g vue-cli 命令,进行安装v-cli,要是已经装了v-cli就跳过这一步,如果装有国内镜像cnpm,就输入命令cnpm install -g vue-cli

4. 输入vue -V,查看vue-cil的版本

5. 输入vue init webpack vuedemo(项目名)

等一下,然后搞一堆选择(一切按照自身情况来):

6. Project name               填入: vuemo
7. Project description      填入: vue demo
8. Author                         填入: yy
9. Vue build                 选择 runtime-only
10. Install vue-router?       填入: Y
11. Use ESLint to lint your code?    填入: Y
12. Pick an ESLint preset                  选择Standard
13. Set up unit tests                          填入: n
14. Setup e2e tests with Nightwatch?      填入: n

15.  Should we run `npm install` for you after the project has been created? (recommended)  选择Yes,use NPM

然后就是等它安装了,要等挺久的

16.  看到安装好了

17.    可以进入文件夹查看已经建好:

18.    进入该文件夹,输入cd C:\Users\liangnv\Desktop\vue练习\vuedemo

19.    输入npm run dev启动项目,稍等片刻

20.    看到以下画面出现,复制网址,在浏览器打开,即可查看到vue项目的页面

如果想用cnpm安装,那步骤15就选择no,然后cd vuedemo,cnpm install, cnpm run dev即可

有关jshint使用:

1    首先编辑器要安装好jshint插件

2    进入vue的文件夹,输入npm install jshint,等待安装

安装完毕:

3    新建.jshintrc.js文件,加入代码,即可使用了:

{
    "globals": {
        "$": false,
        "window": false,
        "document": false
    },
    "strict": true,
    "curly": true,
    "eqeqeq": true,
    "noarg": true,
    "noempty": true,
    "quotmark": "single",
    "undef": true,
    "unused": true,
    "-W033" : false,
    "asi":true

}

猜你喜欢

转载自blog.csdn.net/loisandyu/article/details/80905392