查看“项目搭建”的源代码


==[http://123.56.229.83:8088/mediawiki/index.php/Vue%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA '''vue环境搭建''']==
=='''vue项目搭建'''==
==='''安装webpack'''===
npm install webpack –g

==='''安装vue脚手架（旧版本）'''===
npm install vue-cli -g


Vue CLI >= 3 和旧版使用了相同的 <code>vue</code> 命令，所以 Vue CLI 2 (<code>vue-cli</code>) 被覆盖了。如果你仍然需要使用旧版本的 <code>vue init</code> 功能，你可以全局安装一个桥接工具：

npm i -g @vue/cli-init


vue init webpack test_web


Cd test_web

Npm run dev


浏览器访问

<nowiki>http://localhost:8080/</nowiki>


'''4.安装vue脚手架（新版本）'''

npm install -g @vue/cli


Vue create my_text


三种配置选择一种回车


Cd my_test

Npm run serve


访问 <nowiki>http://localhost:8081/</nowiki>



项目所在位置


参考资料

Node.js入门：<nowiki>http://www.runoob.com/nodejs/nodejs-tutorial.html</nowiki>

Npm命令：<nowiki>http://www.runoob.com/nodejs/nodejs-npm.html</nowiki>

Vue官网：<nowiki>https://cn.vuejs.org/</nowiki>

Vue CLI：<nowiki>https://cli.vuejs.org/zh/guide/</nowiki>

Es6常用语法：<nowiki>https://blog.csdn.net/itzhongzi/article/details/73330681</nowiki>

Element前端框架 <nowiki>https://element.faas.ele.me/#/zh-CN/component/installation</nowiki>