vue-cli初始项目搭建（vue脚手架工具）

第一步：安装 nodejs,需要在官网上下载，

第二步：安装 webpack 工具，安装webpack需要打开命令行工具，windows快捷键（窗口键+R）,输入cmd，然后输入 npm install webpack -g，等待安装完毕。

第三步：安装 vue-cli，也就是vue的脚手架工具，接着输入命令：npm i vue-cli -g。

第四步：根据模板创建项目，webpack为我们提供了一些模板，这里我们采用 simple 模板，输入命令：vue init webpack-simple xxx   //注意：xxx是项目名字，必须英文！

第五步：根据提示执行步骤，依次是项目名称，项目简介，作者。。。然后 根据提示进入项目：cd xxx；再执行 npm install ，安装完后，就可以输入npm run dev 打开模板了。

vue模板的初始路径一般为：localhost:8080，如果想要更改端口号，可以打开目录里的package.json文件，找到

"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot" 这行代码，在--hot后面添加 --port 8081 注意：8081是你想要的端口号，你需要确定修改的端口号没有被占用，并且 --port 8081前面要有一个空格。

以后打开这个项目，只需要进入到项目目录，并且输入 npm run dev 即可。

阅读更多