VUE项目初始化步骤命令

VUE项目初始化步骤命令

1，安装Node.js;
Window安装包 Mac安装包
检查是否安装成功 node -v
显示版本即成功，如图：

2，安装vue-cli脚手架；
打开命令行窗口cmd（window+R,输入cmd后Enter）
在cmd下执行命令 cnpm install vue-cli -g
安装成功如图
3，初始化项目文件夹；
在你准备建项目的文件夹打开cmd 执行命令 vue init webpack vue-project(注：vue-project是自定义项目名称)
如图：
初始化完成后如图：

启动项目成功如图：

成功启动后页面效果如图：

其他细节补充：
1，我所使用的命令行工具为Git，下面是最新安装包链接
Window安装包
2，地址栏中http://localhost:8081/#/ 后面的#号去除方法
编辑器打开项目，找到目录下src下router下index.js打开，改模式为 mode:‘history’ 如图：

3，启动项目后免去复制粘贴地址，即运行npm run dev后自动在浏览器中打开页面
编辑器打开项目找到config下的index.js，向下找到autoOpenBrowser: false, 第18行上下。改false为true即可。如图：

结语：如果有错误或不足，恳请指出。如果有用的话，请多多点赞和关注吧，谢谢了！