VUE新建一个项目

简介: VUE新建一个项目

1、使用淘宝NPM镜像:npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org



w3.png

2、初始化环境


   cnpm install vue-cli -g      //全局安装 vue-cli


w2.png


    查看是否成功,注意是检查vue:vue list


w1.png


3、创建项目,进入目录使用:vue init webpack "项目名称"(注意这里的目录需要是一个空文件夹)。然后就是一些设置,直接Enter即可。


q4.png


4、安装项目依赖:cnpm install (清除缓存:npm cache clean --force)


q3.png


5、运行:cnpm run dev


q2.png


   运行界面如下所示:



q1.png



相关文章
|
2天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
2天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
1天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
7 2
|
1天前
|
JavaScript
vue 函数化组件
vue 函数化组件
|
1天前
|
JavaScript
vue知识点
vue知识点
6 2
|
2天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
1天前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
7 1
|
1天前
|
JavaScript
vue学习(14)深度监视
vue学习(14)深度监视
10 0
|
6天前
|
JavaScript
Vue组件传值异步问题--子组件拿到数据较慢
Vue组件传值异步问题--子组件拿到数据较慢
10 0
|
JavaScript Java 物联网
现有vue项目seo优化
现有vue项目seo优化