搭建vue环境

1.必须安装nodejs环境。(如何安装查看上一篇博文，node环境安装详细步骤)

2.搭建vue的开发环境，安装vue 的脚手架工具

npm install --global vue-cli  /  cnpm install --global vue-cli         （此命令只需要执行一次）

win+R打开doc窗口 直接输入npm install --global vue-cli

如果要使用cnpm安装脚手架的话，需要先安装cnpm(其实cpnm与npm是一样的，只是下载包的时候会更快一些)

cnpm  下载包的速度更快一些。
    地址：http://npm.taobao.org/    
    安装cnpm:

    npm install -g cnpm --registry=https://registry.npm.taobao.org

3.创建vue项目  （必须cd到对应的一个项目里面）

vue init webpack vue-demo01

    cd  vue-demo01         
（ cnpm install   /  npm install ）如果创建项目的时候没有报错，这一步可以省略。如果报错了  cd到项目里面运行 （ cnpm install   /  npm install）
   npm run dev

 

例如，我想把项目建在d:/vue文件夹下

 

如何安装失败：（执行如下操作，否则，跳过此步骤）

 

安装好了之后，在你的d:/vue文件夹下可以看到

 

 

 

另一种创建项目的方式   （推荐）  ***
      vue init webpack-simple vuedemo02

        cd  vuedemo02        
        cnpm install   /  npm install                
        npm run dev

步骤与上面一样，只是这种方式创建出的项目目录更简洁。