vue项目环境搭建并启动

1.官网下载node.js,并一路下一步安装

2.安装完执行命令查看版本 

​    ①、node -v

​    ②、npm -v

3.在命令行执行配置淘宝镜像命令

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

如果报错：

C:\Users\HP>npm install -g cnpm --registry=http://registry.npm.taobao.org
npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE
npm ERR! errno UNABLE_TO_VERIFY_LEAF_SIGNATURE
npm ERR! request to https://cdn.npm.taobao.org/npm/-/npm-6.14.7.tgz failed, reason: unable to verify the first certificate

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\HP\AppData\Roaming\npm-cache\_logs\2020-07-30T08_01_08_552Z-debug.log

则进行如下操作命令：

npm config set strict-ssl false 

再重新操作一次第三步的命令

4.安装webpack

npm install webpack -g

5.安装vue-cli

cnpm install vue-cli -g

6.进入项目目录，然后安装依赖

npm install

7.运行项目

npm run dev

****************************************************************************************************************************************************

在webstorm中可以配置启动vue项目：

1、先添加nodejs的程序，浏览本地安装的node.exe添加到配置中

2、配置好npm，自动获取package.json,然后选择命令为 run，再选择脚本为 dev，应用即可！