美文网首页
创建vue项目

创建vue项目

作者: 爱笑的疯小妞 | 来源:发表于2021-07-02 16:41 被阅读0次

安装node
官网:http://nodejs.cn/
查看版本号:node -v
版本更新到最新的稳定版本:
1、清除npm缓存npm cache clean -f
2、安装n模块npm install -g n
3、升级到最新稳定版本n stable / sudo n stable(mac)

vue-cli1.x 2.x搭建

1、安装脚手架/设置淘宝镜像/创建项目/运行项目
npm uninstall -g vue-cli
npm install -g webpack
npm install -g vue-cli (npm install -g vue-cli@版本号)
npm install -g cnpm --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org)
npm init webpack myproject
npm run dev
2、域名配置-config中的dev.env.js和prod.env.js中分别配置

vue-cli3.x 4.x搭建

1、安装脚手架/设置淘宝镜像/创建项目/运行项目
npm uninstall @vue/cli -g
npm install -g webpack
npm install -g @vue/cli (npm install -g @vue/cli@版本号)
npm install -g cnpm --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org)
vue create myproject
npm run serve
2、域名配置-.env.production env.development env.test
3、新建vue.config.js
备注:Vue CLI 4.x 需要 [Node.js](https://nodejs.org/) v8.9 或更高版本 (推荐 v10 以上)

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

npm install -g @vue/cli-init
vue init 的运行效果将会跟 vue-cli@2.x相同
vue init webpack my-project

相关文章

网友评论

      本文标题:创建vue项目

      本文链接:https://www.haomeiwen.com/subject/klxyultx.html