vue-cli脚手架安装教程2017

1.首先下载node.js,下载地址:http://nodejs.cn/download/


2.安装node.js,跟安装普通软件一样


3.打开命令行,输入node -v,显示版本号表名安装成功


4.全局安装vue,输入:npm install -g vue


5.全局安装webpack,输入:npm install -g webpack


6.全局安装vue-cli,输入:npm install -g vue-cli


7.进入自己想要建立项目的文件夹,输入:vue init webpack Vue,创建一个基于webpack模版的项目


8.进入创建的vue文件夹,安装依赖,输入:

cd Vue

npm install


9.开发环境下运行项目,输入:npm run dev,浏览器将自动打开


10.生成发布文件,输入:npm run build,会打包到dist文件夹里,将dist放到服务器就可以了;

如果放的不是根目录,则设置config/index.js中的assetsPublicPath:'/你的目录名称/'




发布了42 篇原创文章 · 获赞 25 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/qq812858143/article/details/75896319