Mac创建一个vue项目
首先需要下载vue创建工具在终端执行sudo npm install -g @vue/cli输入密码开始下载,下载成功后,执行vue --version可以看到当前版本。打开Visual Studio Code 的欢迎界面,选择打开文件夹,选择要存放项目的文件夹,然后选择菜单栏的terminal ,选择 new terminal 。在界面下方的终端内输入vue create hello-world
·
首先需要下载vue创建工具
在终端执行
sudo npm install -g @vue/cli
输入密码开始下载,下载成功后,执行
vue --version
可以看到当前版本。
打开Visual Studio Code 的欢迎界面,选择打开文件夹,选择要存放项目的文件夹,然后选择菜单栏的terminal ,选择 new terminal 。在界面下方的终端内输入
vue create hello-world
选择自己的项目相关属性,
创建成功后执行
cd hello-word
npm run serve
即可运行。
接下来看一下目录
public 提供一个界面
src 里面存放主要代码
assets 存放静态资源,比如图片等等
components 存放组件,例如一开始会有HelloWorld组件。
router 是写路由的位置,把路径与页面进行映射
store 用来定义页面一些变量,比如参数存储或者用户信息
views 视图存放位置,组件式开发
Package.json 定义项目依赖,比如依赖了哪些js组件,进行引进。
更多推荐
已为社区贡献1条内容
所有评论(0)