（九）.netcore+vue VUE环境搭建——nodejs、webpack

1、安装nodejs

http://nodejs.cn/download/

 

2、安装webpack

npm install webpack -g

3、安装vue-cli

这里需要注意，安装最新版本的@vue/cli是4+的版本，在创建项目时，需要选择vue2的版本

npm install -g @vue/cli

安装后查看版本： vue --version

卸载vue-cli：npm uninstall -g @vue/cli

 

4、创建项目

先cd到项目要保存的目录下

vue create emptytemplate-vueweb

可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性” ，选择需要安装的插件，并保存预设。

注意：为了更方便使用element-ui，这里选择vue2的版本，因为@vue-cli4+使用vue3在引入element-ui时和vue2的方式不一样。

 

 

 

 

 

 

5、运行项目 

cd 项目目录，然后

npm run serve