Mac本安装Vue过程
配置npm
首先去下载node.js
下载完成直接安装就成
利用npm去创建vue,官网上是用这个命令直接生成的
npm init vue@latest
这个命令是直接创建一个新的项目,并且vue只作用于该文件夹下,并不是全局配置。
执行结果是这样的:
✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit testing? … No / Yes
✔ Add Cypress for both Unit and End-to-End testing? … No / Yes
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes
Scaffolding project in ./<your-project-name>...
Done.
创建完成后,通过下面的方法安装依赖并启动开发服务器
> cd <your-project-name>
> npm install
> npm run dev
这样你重新打开一个新的终端输入这样的命令
vue --version
你会发现之前安装的就不存在了。
所以一般建议我们去安装全局vue
sudo npm install-g @vue/cli
安装成功后
vue --version
就可以看到vue的版本号了。
然后利用
vue create "项目名"
但注意这里项目名是不能有大写的。
这样就创建成功了