1.打开node.js官网,会出现你的系统,点击左侧长期维护版,下载。(官网链接https://nodejs.org/zh-cn/)

 

2.下载安装后在终端输入指令。npm-v/node -v 查看安装版本确认自己是否安装。

(base) ~ % npm -v
8.5.0
(base) ~ % node -v
v16.14.2

 如果出现意料之外的报错,直接输入 node/npm。就可以看到版本号。

(base) ~ % npm
npm <command>

Usage:
.........

3.获取nodejs模块安装访问权限。(报错就去掉sudo,然后提示许多not permitted,重新输入下面指令,看到提示输入密码)

(base) ~ % sudo chmod -R 777 /usr/local/lib/node_modules/

4.安装淘宝镜像npm(一定要注意看报错的原因,会有提示的!在我这边就是npm需要update)

 

于是按照提示输入:

npm install -g npm@8.5.5~

 

到这里时是更新了npm版本,安装cnpm需要最高权限所以用sudo。然后输入以下代码:

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

 

 当你看到最下边几行是这样子,说明你安装成功啦~

 

5.用淘宝镜像安装webpack:

sudo  cnpm install webpack -g

 

 

 

6.安装vue脚手架(如果报错就sudo)

cnpm install vue-cli -g

 

 7、在硬盘上找一个文件夹放工程用的,在终端中进入该目录

question:怎么在终端中进入?(answer:直接将文件夹拖入终端)

cd 目标路径

 

 8.在目标路径中创建项目(demo1是文件名字,可以随意改)

vue init webpack-simple demo1

 

 创建时会有些选项要输入:

 

可以直接按enter,在author一栏填入作者姓名(一定用英文!!)

9.进入我们的项目

cd demo1

10.安装项目依赖

sudo cnpm install

 

11.安装 vue 路由模块vue-router和网络请求模块vue-resource

sudo cnpm install vue-router vue-resource --save

 

12. 启动项目

npm run dev

 

13. 如果启动项目时报错,更新vue,更新时报错直接sudo。

npm uninstall vue-cli -g
cnpm install -g @vue/cli

14.进入可视化

vue ui

然后一个小火箭带你进入vue啦~