vue正式使用前的准备

Posted 2023-05-07 liuzijin

1、安装Node.js

进入官网下载Node.js，然后在cmd命令行里面进行node -v和npm -v进行验证，若是显示的是相关的版本号，就表明安装Node.js成功了！

2、安装Node.js淘宝镜像加速器

使用npm install cnpm -g下载即可

等待下载完成！

3、安装vue-cli

使用cnpm install vue-cli -g命令即可实现

安装成功之后，这里的文件夹会有一个名为vue-cli的文件夹：

4、输入vue list命令

（终于出来了，不容易的嘞！）

5、新建一个webpack文件夹myvue

先进入到相应的文件夹：

然后输入命令vue init webpack myvue：

创建完成（一路n即可）！

6、进入到myvue的文件夹

然后输入npm install命令：

等待加载......

然后根据命令提示的命令修改warn

运行完成之后，再输入命令npm run dev：

然后就可以实现啦！

学习webpack前的准备工作

前言

---

由于vue和react的流行，webpack这个模块化打包工具也已经成为热门。作为前端工程师这个需要不断更新自己技术库的职业，真的需要潜下心来学习一下。

准备工作（针对mac用户）

• 安装 homebrew

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

• 安装nodejs

$ brew install node

• 安装 n 来管理 nodejs 版本

$ sudo npm install -g n  
# 安装最新版本
$ n latest
# 安装最稳定版本
$ n stable
# 删除某个版本
$ n rm 0.10.1
# 切换版本
$ n 
# 进入切换界面会出现当前安装的各个版本的nodejs
# 通过上下键切换版本，o切换到你想要的版本前回车即可

• 了解 npm

npm是随同nodejs一起安装的包管理工具，常见使用场景
1、允许用户从NPM服务器下载别人编写的第三方包到本地
2、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用
3、允许用户将自己编写的包或命令行程勋上传到NPM服务器供别人使用

# 查看npm版本
$ npm -v
# npm升级
$ sudo npm install npm -g
# 在项目目录下初始一份package.json
$ npm init -y

准备工作就绪，下一章开始webpack学习。