vue（一）——使用vue-cli创建新项目

转自：https://blog.csdn.net/github_36660211/article/details/80082089

1，安装

[plain]  view plain  copy

1. npm install vue  

[plain]  view plain  copy

1. cnpm install --global vue-cli  

#or

[plain]  view plain  copy

1. cnpm install -g @vue/cli  

2，创建

创建一个基于webpack模版的新项目：

[html]  view plain  copy

1. cnpm init webpack vue-project  

#or

[html]  view plain  copy

1. vue create vue-project  

3， 安装依赖

[html]  view plain  copy

1. cd vue-project  
2. cnpm install  

4，启动

[html]  view plain  copy

1. npm run dev  

在浏览器中访问http://localhost:8080。

5，报错

使用cli工具创建的项目不能直接使用template，在main.js文件中添加红色那行代码即可。

[javascript]  view plain  copy

1.   

[html]  view plain  copy

1. new Vue({  
2.   el: "#app",  
3.   <strong><span style="color:#ff0000;">render: (createElement) => createElement(App)</span></strong>  
4. })