1.安装node.js
Node.js官网:Node.js
(一边稳定版,一边最新版),建议稳定版
打开安装包,建议一键next,因为更改路径地址,node_modules需要新建全局配置变量,这节先不讲。
安装成功后测试node是否安装成功
在cmd中运行(win+R,输入cmd回车)
查看node和npm的版本来判断是否安装成功
node -v
npm -v
安装成功开始安装vue脚手架
2.vue安装
2.1因为npm在国内使用太卡这边建议使用国内镜像cnpm
在cmd中运行(win+R,输入cmd回车)
在cmd中运行(win+R,输入cmd回车)
npm install -g cnpm --registry=https://registry.npmmirror.com
同理安装成功后通过版本号查看cnpm是否安装成功
cnpm -v
2.2下载vue
cnpm install vue@next
查看版本号判断是否安装成功
npm list vue
2.3下载vue-cli
cnpm install -g @vue/cli
查看版本号判断是否安装成功(这里是大写)
vue -V
3.新建vue项目
有两种方法通过cmd命令行运行,通过vue-ui,vue集成的一个ui创建界面
这边我们用第一种方法cmd
3.1首先先打开自己需要下载的位置,在地址栏输入cmd,可以在当前目录快速打开cmd
3.2 新建vue项目
vue create 项目名称(下面text)可以随便替换
vue create text
我们选用最后一个自己定义vue需要的东西,也可以选前面两个,是vue已经默认选好的vue2/vue3项目(第一个是自定义保存的,后面会说)
然后点击回车下一步
这边我们选中这四个,用空格取消or选中,然后回车下一步
根据自己需求选择需要的版本,这边我选的是三
这里就说了是否使用history路由模式,hash模式和history模式这个也是看个人需求,hash模式地址栏会出现一个#,为了美观我history模式,使用输入Y
这里是问你,您喜欢将Babel、ESLint等的配置放在哪里。这里我一般放在package.json选中下一步
这里是问你是否将此保存为将来项目的预设,就是我前面新建项目时最上面那个vue_new,就是我之前预设的,这边我选的时N
下载完后,运行下列代码就ok拉!
cd text
npm run serve
假如出现 command failed: npm install --loglevel error 这种错误情况
打开我的电脑 C:\Users\*\ PS: *号为本地主机名称
把文件下的 .npmrc文件删除 ,重新安装淘宝镜像,重新运行以上项目即可
npm install -g cnpm --registry=https://registry.npm.taobao.org