“Vue项目搭建”的版本间的差异

2021年11月12日 (五) 06:49的版本

参考https://www.cnblogs.com/liuqiyun/p/8133904.html

npm install webpack –g

npm install vue-cli -g

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

npm i -g @vue/cli-init

vue init webpack test_web

Cd test_web

Npm run dev

浏览器访问

http://localhost:8080/

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

npm install -g @vue/cli

Vue create my_text

三种配置选择一种回车

Cd my_test

Npm run serve

访问 http://localhost:8081/

项目所在位置

参考资料

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

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

Vue官网：https://cn.vuejs.org/

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

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

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

@@ 第1行： / 第1行： @@
-== 项目搭建步骤 ==
+== '''环境搭建''' ==
+参考https://www.cnblogs.com/liuqiyun/p/8133904.html
-== '''1. vue环境搭建''' ==
+== '''项目搭建''' ==
-参考https://www.cnblogs.com/liuqiyun/p/8133904.html
-== '''2. 安装webpack''' ==
+=== '''安装webpack''' ===
 npm install webpack –g
-== '''3. 安装vue脚手架（旧版本）''' ==
+=== '''安装vue脚手架（旧版本）''' ===
 npm install vue-cli -g