新建vue项目流程

一、安装

首先你要安装node.js

1、安装链接为：https://nodejs.org/en/download/   (安装到默认路径)

安装完成后在cmd中输入node -v出现如下所示表示你已经安装成功

    

验证npm是否安装成功

    

再安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

验证是否安装成功

安装vue-cli,配置vue 命令环境

cnpm install  vue-cli -g

二、新建项目

 

1、打开cmd，运行vue init webpack vue-cli-demo    

如果你的cmd提示vue不是内部或外部命令，请用everything查找vue.cmd，复制路径粘贴到你的path路径里边就好了。

2、cd vue-cli-demo 进入 vue-cli-demo目录

3、npm install安装所需要的依赖

4、运行npm  run dev 

在本地浏览器输入http://localhost:8080/出现如下界面

三、引入elementui

1、打开cmd在当前目录中输入，npm i element-ui -S

2、在src，main.js修改内容引入如下所示

    import ElementUI from 'element-ui'

    import 'element-ui/lib/theme-chalk/index.css'

    Vue.use(ElementUI)

3、修改.vue的文件内容的话就可以使用了。

四、如果报错

1. ERROR  Failed to compile with 1 errors                                  
2.   
3.   
4. This dependency was not found:  
5.   
6. * element-ui/lib/theme-default/index.css in ./src/main.js  
7.   
8. To install it, you can run: npm install --save element-ui/lib/theme-default/inde  
9. x.css  

是因为import 'element-ui/lib/theme-dedfault/index.css' 路径改了。路径改成：import 'element-ui/lib/theme-chalk/index.css'就好了

 

 

原文请参考点击打开链接https://blog.csdn.net/sangjinchao/article/details/58064767