快乐坚果

博客园 首页 新随笔 联系 订阅 管理
 

一、安装Vue开发环境:

1. 安装Node.js和npm

Vue.js是基于JavaScript的框架,因此需要先安装Node.js和npm(Node.js的包管理器)。你可以通过以下命令安装:

sudo apt update
sudo apt install nodejs npm

2. 安装Vue CLI 2. 安装 CLI 视图

Vue CLI是一个官方的脚手架工具,用于快速搭建Vue.js项目。你可以使用npm全局安装Vue CLI:

sudo npm install -g @vue/cli

3. 验证安装

安装完成后,你可以通过以下命令验证Vue CLI是否安装成功:

vue --version

如果显示出版本号,则表示安装成功。

4. 创建Vue项目

使用Vue CLI创建一个新的Vue项目:

vue create my-project

这将创建一个名为my-project的新Vue项目。在创建过程中,Vue CLI会提示你选择一系列的配置选项,如Babel、ESLint等。根据你的需求进行选择。

5. 启动项目

进入项目目录并启动开发服务器:

cd my-project
npm run serve

这将启动一个开发服务器,你可以在浏览器中访问http://localhost:8080来查看你的Vue项目。

6. 安装其他依赖

如果你的项目需要其他依赖,如Vue Router、Vuex等,你可以在项目目录中使用npm install命令来安装它们。

以上就是在Debian系统中安装Vue开发环境的基本步骤。在实际操作中,你可能还需要配置环境变量、安装其他工具或插件,以满足你的开发需求。

7. 设置更快的源

如果安装慢,可以设置淘宝源:

npm config set registry https://registry.npmmirror.com 

8. 先安装cnpm,后面利用cnpm安装各种依赖:

sudo npm install -g cnpm --registry=https://registry.npmmirror.com

9. 在项目中利用cnpm安装vue-material:

cd <项目目录>
cnpm install vue-material --save 

10.编译生成项目:

npm run build

11.部署项目:

生成成果在项目目录中的dist目录下,可以在actix4中直接利用。

posted on 2024-10-17 11:13  merrynuts  阅读(57)  评论(0编辑  收藏  举报