Vue脚手架搭建和vue项目创建

vue脚手架

Vue脚手架指的是vue-cli，它是一个快速构建**单页面应用程序（SPA）**环境配置的工具，cli是（command-line-interface ）命令行界面。

安装node
win+r输入cmd打开控制台窗口，输入：node -v检查是否安装node。

二、安装cnpm
（非必要），但是国内的话安装了会快很多。
输入命令安装：npm install -g cnpm -registry=https://registry.npm.taobao.org
检测是否安装：cnpm -v

三、安装webpack
输入webpack -v，检测是否安装。如果没有输入指令：cnpm install webpack -g 进行安装。

四、安装vue-cli
输入vue -V检测是否安装，如果没有安装输入命令：cnpm install -g vue-cli 安装最新版本。

五、创建项目
如果都安装好了，而且检测的时候没有问题，就可以创建项目了。
1、首先cd到自己想要存放项目的目录。
2、输入命令：vue init webpack myproject 创建项目（myproject是项目名）。
3、输入项目描述后回车

4、输入作者后回车：

5、选第一个回车。

6、是否使用路由。输入y回车

7、输入n回车

8.使用npm就好，如果安装了yarn就用yarn

最后项目就完成了，输入：npm run dev 运行。

Vue项目创建

（1）创建目录：

（4）启动项目：

npm run dev

 

• 1、从文件夹直接进入：
• 2、或者，指令创建目录：

• cd d:\vue_project\
  

   （2）创建项目：

  vue init webpack demo
  

  （3）若是需要安装模块，使用：

• npm install 模块名

• yarn add 模块名