前端 从0到1安装环境 （vue)

前端 从0到1安装环境 （vue)

下载安装node

https://nodejs.org/en/download/       下载地址

进入之后按照自己电脑下载对应的版本

安装好之后打开Powershell窗口 输入node -v 如果下面有版本号，这个就是安装好了。

安装cli

$ npm install -g @vue/cli

安装之后，还是刚刚的那个窗口键入

$ vue --version

查看版本号

如果有版本号出来的话，就代表已经安装好了

创建vue项目

进入到自己的文件夹中，随便找一个文件夹 ，然后按住shift键 ， 右击鼠标，这个时候就会有一个 在此处打开Powershell窗口 点击打开它 ，这个时候你就又看到了那个黑黑的窗口 ， 就是它

对了 你之前看cll版本的时候 如果是2开头的 就用 第一个命令 3开头的就用第二个命令

$  vue init webpack hello-world

$  vue create hello-world

命令上去之后基本上都是回车

然后

$  cd hello-world

$  npm i 

$  npm run serve

第三个命令如果没有效果的话，那就打开你现在的项目 ，找到package.json 这个文件

找到 vue-cli-service serve 这一行代码，然后把run后面的换成这个对应的就好了

这个时候项目就跑起来了

工具

vs code 下载

HbuilderX 下载

微信开发者工具

git