Vue搭建环境

Posted 2020-12-23 jumpkin1122

 1.安装vue

1.官网（http://nodejs.cn/download/）上下载nodejs,并安装
2.检查安装成功:
　　node --version
　　npm -v
3.安装vue(3中方式)：
　　 CDN方式:<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script> 或 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
    npm安装：npm install vue
　　vue-cli脚手架：
　　　　　　npm install vue-cli -g  //3.0以前的版本
　　　　　　npm install @vue/cli -g //3.0以后的版本（推荐）
4.安装cnpm(配置国内的镜像提升速度)
　　npm install -g cnpm --registry-https://registry.npm.tapbao.org
　　cnpm -v
　　cnpm install @vue/cli -g // 3.0以后的版本
5.创建项目
　　通过cmd进入要创建项目的目录（管理员方式），或者同powershell中输入set-ExecutionPolicy RemoteSigmed命令选择A
　　vue create hell  // 创建hello项目
　　YES->Manually select features->Bable,Router,vuer,css pre-processors,Linter/formatters,UnitTesting->N->ESLint+Standard config->Jest->in packet json->N
6.启动项目
　　cd hello
　　npm run serve
　　localhost:8080

7.使用图形化的界面创建项目
　　进入要创建项目的目录运行cmd　　
　　vue ui