Vue快速搭建项目

1. 安装node.js,这是最基础的环境;


2. 安装cnpm:


npm install cnpm -g --registry=https://registry.npm.taobao.org


3. 全局安装vue-cli:


cnpm install -g vue-cli 


4. 安装vue-cli成功后,通过cd命令进入你想放置项目的文件夹,在命令提示窗口执行创建vue-cli工程项目的命令:


vue init webpack yourProjectName


5. 生成文件目录后,使用 cnpm 安装依赖:


 cnpm install 


6. 最后需要执行命令: npm run dev 来启动项目,启动完成后会自动弹出默认网页:


npm run dev


7. 也可以进入package.json中更改,或执行serve命令查看运行情况:


npm run serve

效果:


8. 执行build命令发布项目,会生成一个dist文件夹,这里就是最终要放到服务器的文件:


npm run build


9.项目结构总览:


10. 当然,也可以使用其他方式创建,萝卜白菜各有所爱,看自己喜欢的方式选择即可:


11. 更改配置以及默认启动:


12. 建议在另一个文件中更改配置:





作者:艾孜尔江

原文地址:https://www.cnblogs.com/ezhar/p/13161381.html