Vue项目创建
2020-04-07 13:45
127 查看
一、下载安装好node
1.node链接:下载地址;
二、开始搭建vue工程
1.可以安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 这样你以后再通过终端安装包就直接用cnpm 代替 npm,这样的好处是下载的包会比较快,因为淘宝镜像的服务器在国内 杭州,npm的服务器在国外,所以这边由于距离原因导致路由响应的一个距离延迟。
2.搭建webpack环境,全局安装
cnpm install -g webpack
3.安装vue-cli
首先你可以通过命令行cd 进入你的项目 如我的是F盘 personalbutler 文件夹 ,然后 cnpm install -g vue-cli
4.通过webpack构建项目
vue init webpack my-project //项目名称 自己随便取;后面的一直回车就行
5.cd 进项目 命令行npm install 安装vue依赖的包
生成目录如下:
6.搭建好之后命令行 npm run dev 运行vue文件
7.vue项目码好后打包 npm run build 通过Tomcat等推到服务器就行
8.添加ElementUI依赖,cd 进项目 命令行npm i element-ui -S
main.js添加以下内容:
import Element from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI)
报错修改:
一、Sorry, name can no longer contain capital letters. 报错原因:项目名不能包含大写字母;修改项目名为小写;
相关文章推荐
- 如何创建新的Vue项目
- Vs2017 Vue项目创建
- 前后端分离项目系列开篇——利用Vue cli手脚架创建项目
- vue创建新项目
- vue-cli@3.x之使用vue ui创建项目-来自一个战五渣的体验
- Vue+Element-ui创建项目并配置路由和axios
- vue2.0项目创建之环境变量配置
- webpack+vue创建简单项目
- vue-cli创建新项目
- 新手创建一个简单的vue项目命令;VUE如何关闭Eslint 的方法
- vue.js学习02之vue-cli脚手架创建项目环境搭建
- 通过webstorm创建vue项目
- 使用Webpack如何创建一个Vue项目(详解~)
- vue-cli创建项目时由于esLint校验导致报错或警告的解决办法
- 解决vue-cli创建项目的loader问题
- Vuex 进阶,创建一个笔记本项目
- Vue项目启动原理及项目的创建
- 小白搭建VUE环境、创建我的第一个vue项目(VUE学习第三课)
- Vue.js入门(一)——创建第一个vue.js项目
- win10本地创建vue项目