前端vue环境搭建（二）vue安装_Symiac的博客

注意：所有的npm 指令 在安装了淘宝镜像之后都可以替换成cnpm

一、安装开发工具

推荐：

1.vscode

Download Visual Studio Codehttps://code.visualstudio.com/download附上教程：VSCode安装教程（超详细）_『愚』的博客-CSDN博客_vscode安装教程

2.WebStorm

附上教程：WebStorm-2021安装教程_xudali_1012的博客-CSDN博客_webstorm下载教程

 二、安装vue

1.vue

npm install vue -g

或者

cnpm install vue -g

2.webpack

npm install webpack -g

webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli
安装webpack-cli：

npm install --global webpack-cli

查看版本

webpack -v

3.创建vue项目

教程：vue创建_Symiac的博客-CSDN博客

4.在github  或者gitee 上下载一个项目

用这个http的路径 

git clone xxxx

 注意：git clone的时候可以注意一下自己的路径，直接在你想要放这个项目的地方git clone

5.初始化

进入项目的工程路径 输入

npm install

 或者

cnpm install

注意：进入工程   ，不要直接在git  clone  的路径   比如  你在D：\DEMO 路径下git clone   工程名字叫AA，那么在D:\DEMO\AA 这个路径下install

6.启动

一般指令

npm run dev

因为配置文件package.json

假如报错 查看配置文件配置

如上图    vue-cli-service serve   配置的指令是serve

那么启动输入

npm run serve

 成功后

点击链接访问vue页面

over~~~~