VUE2.0——Vue脚手架搭建项目(vue-cli)

原文地址:https://www.jianshu.com/p/1626b8643676

使用的编辑器是VScode,新创建一个文件夹,在新建终端里面敲命令。

1.安装node.js

安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v,如果出现相应的版本号,则说明安装成功。

2.安装webpack

npm install webpack -g   (webpack -v)

3.安装vue-cli脚手架构建工具

npm install vue-cli -g   ( vue -V)

4.创建项目文件夹

 vue init webpack projectname (项目名字)

5. 进入创建的工程目录

cd projectname (项目名字)

 6.安装项目依赖

npm install

 7.启动项目

npm run dev

 8.搭建成功界面

9.项目目录说明

猜你喜欢

转载自blog.csdn.net/cyx1874/article/details/84062229