(新手)Vue-Cli脚手架安装教程

1.首先在电脑上安装nodejs.  在控制台如下输入命令,可以得到版本号,如果没有需要在nodejs官网下载安装nodejs。傻瓜式安装即可。

(新手)Vue-Cli脚手架安装教程

2. 在磁盘,建一个存放项目的文件夹,例如 VueDemo。使用cmd打开该目录。

(新手)Vue-Cli脚手架安装教程

3. 安装webpack: npm/cnpm install webpack -g。每次安装需要花费一些时间,耐心等待。

4. 安装脚手架:npm/cnpm install vue-chi  -g。

5. 初始化项目:vue init webpack (你给这个项目起的名字)  ps:项目名不要包含大写字母

6. 将cmd切到创建的项目的目录下,即打开自己创建的项目,cmd进入控制台。!!!!这一步很重要。

    命令:cd 项目名

7. 执行 npm run dev。

如果上述步骤都正确,则打开localhost:8080/  即可看到如图:

(新手)Vue-Cli脚手架安装教程